// padding margin
@for $value from 1 through 200{
  .pd-#{$value}, .ptb-#{$value}, .pt-#{$value} { padding-top: $value*1rpx; }
  .pd-#{$value}, .ptb-#{$value}, .pb-#{$value} { padding-bottom: $value*1rpx; }
  .pd-#{$value}, .plr-#{$value}, .pl-#{$value} { padding-left: $value*1rpx; }
  .pd-#{$value}, .plr-#{$value}, .pr-#{$value} { padding-right: $value*1rpx; }
  .mg-#{$value}, .mtb-#{$value}, .mt-#{$value} { margin-top: $value*1rpx; }
  .mg-#{$value}, .mtb-#{$value}, .mb-#{$value} { margin-bottom: $value*1rpx; }
  .mg-#{$value}, .mlr-#{$value}, .ml-#{$value} { margin-left: $value*1rpx; }
  .mg-#{$value}, .mlr-#{$value}, .mr-#{$value} { margin-right: $value*1rpx; }
}

@for $value from 1 through 800{
  .size-#{$value}{ font-size: $value*1rpx; }
  .width-#{$value}{ width: $value*1rpx; }
  .height-#{$value}{ height: $value*1rpx; }
  // 宽高 *10
  .wd10-#{$value}{ width: $value*10rpx; }
  .hg10-#{$value}{ height: $value*10rpx; }
}

// radius
@for $value from 5 through 50{
  .radius-#{$value}{ border-radius: $value*1rpx; }
  // 顶部圆角
  .radius-tlr-#{$value}{ border-radius: $value*1rpx $value*1rpx 0 0; }
  .radius-blr-#{$value}{ border-radius: 0 0 $value*1rpx $value*1rpx; }
}

// 定义flex等分
@for $i from 0 through 12 {
	.f-flex-#{$i} { flex: $i; }
	.weight-#{$i} { font-weight: $i*100; }
	// .opacity-#{$i} { opacity:$i/10}
}


// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
image { display: inline-block; }
// 在weex，也即nvue中，所有元素默认为border-box
view,
text { box-sizing: border-box; }
/* #endif */